@font-face {
    font-family: 'iconfont';
    /* project id 746537 */
    src: url('//at.alicdn.com/t/font_746537_4mwlbctjtwq.eot');
    src: url('//at.alicdn.com/t/font_746537_4mwlbctjtwq.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_746537_4mwlbctjtwq.woff') format('woff'), url('//at.alicdn.com/t/font_746537_4mwlbctjtwq.ttf') format('truetype'), url('//at.alicdn.com/t/font_746537_4mwlbctjtwq.svg#iconfont') format('svg');
}

.home {
    background-color: #ebebeb;
    .wrap {
        .top {
            margin: 0;
            background-color: #fff;
            text-align: center;
            position: relative;
            background-image: url(../img/home.png);
            background-size: 100%;
            background-repeat: no-repeat;
            height: 100%;
            border-bottom: 5px solid #ebebeb;
            >p {
                color: #fff;
                padding-top: 2rem;
                font-size: 2rem;
            }
            .yq {
                position: absolute;
                right: 0;
                top: 25%;
                color: #fff;
                padding: 0.25rem 1rem;
                background-color: rgb(133,133,133);
                border-bottom-left-radius: 3rem;
                border-top-left-radius: 3rem;
            }
            .touxiang {
                width: 9rem;
                height: 9rem;
                position: relative;
                left: 50%;
                margin-left: -4.5rem;
                top: 3rem;
                .img {
                    border: 5px solid #EEEEEE;
                    border-radius: 50%;
                    overflow: hidden;
                    img {
                        width: 100%;
                    }
                }
                p{
                    margin-top: 0.25rem;
                }
            }
            .top_lis {
                margin-top: 8rem;
                padding: 1rem 0;
                ul {
                    margin: 0;
                    text-align: center;
                    p {
                        margin-bottom: 0.25rem;
                        i {
                            font-size: 2rem;
                        }
                    }
                }
            }
        }
        .wallet {
            background-color: #fff;
            padding: 1rem 15px;
            text-align: center;
            margin: 0 auto;
            border-bottom: 5px solid #ebebeb;
            p {
                color: #c0c0c0;
                border-bottom: 1px solid #EEEEEE;
                padding: 0.25rem 0;
                text-align: left;
                span {
                    color: red;
                }
            }
            button {
                background-color: transparent;
                border-radius: 5px;
                border: none;
                background: -webkit-gradient(linear, 100% 0, 0 0, from(#ff8068), to(#ff5e76));
                background: -webkit-linear-gradient(to right, #ff8068, #ff5e76);
                background: -moz-linear-gradient(to right, #ff8068, #ff5e76);
                background: -o-linear-gradient(to right, #ff8068, #ff5e76);
                background: #ffa259 linear-gradient(to right, #ff8068, #ff5e76);
                color: #FFFFFF;
                padding: 1.5rem 2rem;
                text-align: center;
                margin: 2rem 1rem;
                font-weight: bold;
                font-size: 1.5rem;
                margin-bottom: 1rem;
            }
            button:nth-child(3) {
                background: -webkit-gradient(linear, 100% 0, 0 0, from(#6e8fff), to(#8f79ff));
                background: -webkit-linear-gradient(to right, #6e8fff, #8f79ff);
                background: -moz-linear-gradient(to right, #6e8fff, #8f79ff);
                background: -o-linear-gradient(to right, #6e8fff, #8f79ff);
                background: #4ca4ff linear-gradient(to right, #6e8fff, #8f79ff);
            }
        }
        .order {
            background-color: #fff;
            padding: 1rem 0;
            border-bottom: 5px solid #ebebeb;
            >p {
                color: #c0c0c0;
                border-bottom: 1px solid #EEEEEE;
                padding: 0.25rem 15px;
            }
            .lis {
                margin-top: 1rem;
                ul {
                    margin: 0;
                    text-align: center;
                    margin-top: 0.45rem;
                    p {
                        margin-bottom: 0.25rem;
                        i {
                            font-size: 3rem;
                        }
                    }
                }
            }
        }
        .zax{
            background-color: #fff;
            padding-top: 1rem;
            border-bottom: 5px solid #ebebeb;
                ul {
                    margin: 0;
                    text-align: center;
                    margin-top: 0.45rem;
                    li{
                        margin: 1rem 0;
                        p {
                        margin-bottom: 0.25rem;
                        i {
                            font-size: 3rem;
                        }
                    }
                    }
                
            }
            >p{
            border-top: 5px solid #ebebeb;
                text-align: left;
                padding: 0.75rem 15px;
            }
        }
        .kong{margin-bottom: 4rem;height: 5rem;}
    }
    .footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: #000;
        padding: 0.5rem 0;
        ul {
            li {
                text-align: center;
                width: 19.25%;
                a {
                    display: block;
                    color: rgba(255, 255, 255, .7);
                    font-size: 1rem;
                    i {
                        font-size: 2rem;
                        display: block;
                    }
                }
            }
            li.active,
            li:active {
                a {
                    color: #fff;
                }
            }
            li:nth-child(4) {
                width: 23%;
            }
        }
    }
}